<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>效果</title>
</head>
<body>
	<p  style="display: none;">hello</p>
	<span>hahahahha</span>

	<table>
		<tr>
			<td>222</td>
			<!-- <td>333</td>
			<td>444</td>
			<td>555</td>
			<td>666</td> -->
		</tr>
	</table>
	<button class="btn">btn</button>
</body>
</html>
<script src="jquery-3.3.1.min.js"></script>
<script>
	//show([speed,[easing],[fn]])显示隐藏的匹配元素。这个就是 'show( speed, [callback] )' 无动画的版本。如果选择的元素是可见的，这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;，这个方法都将有效。
	//speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000)
	//easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"
	//fn:在动画完成时执行的函数，每个元素执行一次。

	// $('p').show();

	//用缓慢的动画将隐藏的段落显示出来，历时600毫秒。
	// $('p').show(600);
	// $('p').show(slow);

	//用迅速的动画将隐藏的段落显示出来，历时200毫秒。并在之后执行反馈！
	// $('p').show("fast",function(){
	// 	$(this).text("Animation Done!");
	// });


	//hide([speed,[easing],[fn]])隐藏显示的元素这个就是 'hide( speed, [callback] )' 的无动画版。如果选择的元素是隐藏的，这个方法将不会改变任何东西。
	// $('span').hide();
	// $('span').hide("slow");
	// $('span').hide(function(){
	// 	alert("Animation Done!");
	// });
     

     //toggle([speed],[easing],[fn])用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。参数同上
     //switch参数描述如果这个参数为true ，那么匹配的元素将显示;如果false ，元素是隐藏的
     
     /*$('td').toggle("fast",function(){
     	//有多少个td就出现多少次弹框
     	alert("Animation Done");
     });*/

     /*$('td').toggel(showOrHide);
     //相当于
     if(showOrHide){
     	$('td').show();
     }else{
     	$('td').hide();
     }*/



    //slideDown([speed],[easing],[fn])通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式显示出来。在jQuery 1.3中，上下的padding和margin也会有动画，效果更流畅。参数同上解释
    
    //以滑动方式显示隐藏的 <p> 元素：
    // $('.btn').click(function(){
    // 	$('p').slideDown();
    // });
     
     //用600毫秒缓慢的将段落滑下
    // $('p').slideDown("slow");

    //用200毫秒快速将段落滑下，之后弹出一个对话框
    // $('p').slideDown("fast",function(){
    // 	alert("Animation Done");
    // });

    
</script>